<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:composition
	template="/WEB-INF/facelets/templates/templateAsesor.xhtml">
	<ui:define name="content">
		<h:form>
			<rich:panelBar height="400" width="470"
				style="background-color:white;">
				<rich:panelBarItem label="Presupuesto"
					style="background-color:white;">
					<rich:tabPanel switchType="client" id="tabla">
						<rich:tab label="Trayecto Uno">
							<a4j:form>

								<table border="0">


									<tr>
										<td bgcolor="#87CEEB"></td>
										<th bgcolor="#87CEEB">TOTALES</th>
										<th bgcolor="#87CEEB">PORCENTAJE %</th>


									</tr>
									<tr>
										<th bgcolor="#FF9966">PRIMER SEGMENTO O TRAYECTO</th>
										<td bgcolor="#FF9966"></td>
										<td bgcolor="#FF9966"></td>



									</tr>
									<tr>
										<td>Insumos para la investigación (pruebas de
											laboratorio)</td>
										<td><h:outputFormat style="height: 50px; "
												value="#{asesorBean.segmento1.totalInsumos}"></h:outputFormat>
										</td>
										<td><h:outputFormat
												value="#{asesorBean.segmento1.porcenInsumos}" /></td>

									</tr>
									<tr>
										<td>Papelería (fotocopias, impresiones, lápices,
											lapiceros, libreta de apuntes)</td>
										<td><h:outputFormat style="height: 50px; "
												value="#{asesorBean.segmento1.totalPapeleria}"></h:outputFormat>
										</td>
										<td><h:outputFormat
												value="#{asesorBean.segmento1.porcenPapeleria}" /></td>

									</tr>
									<tr>
										<td>Transporte municipal e intermunicipal</td>
										<td><h:outputFormat style="height: 50px; "
												value="#{asesorBean.segmento1.totalTransporte}"></h:outputFormat>
										</td>
										<td><h:outputFormat
												value="#{asesorBean.segmento1.porcenTransporte}" /></td>

									</tr>
									<tr>
										<td>Correo aéreo e internet</td>
										<td><h:outputFormat style="height: 50px; "
												value="#{asesorBean.segmento1.totalCorreo}"></h:outputFormat>
										</td>
										<td><h:outputFormat
												value="#{asesorBean.segmento1.porcenCorreo}" /></td>

									</tr>
									<tr>
										<td>Materiales de divulgación (plegable, videos,
											fotografías, afiches)</td>
										<td><h:outputFormat style="height: 50px; "
												value="#{asesorBean.segmento1.totalDivulgacion}"></h:outputFormat>
										</td>
										<td><h:outputFormat
												value="#{asesorBean.segmento1.porcenDivulgacion}" /></td>

									</tr>
									<tr>
										<td>Refrigerios</td>
										<td><h:outputFormat style="height: 50px; "
												value="#{asesorBean.segmento1.totalRefrigerios}"></h:outputFormat>
										</td>
										<td><h:outputFormat
												value="#{asesorBean.segmento1.porcenRefrigerios}" /></td>

									</tr>
									<tr>
										<th bgcolor="#87CEEB">Subtotal</th>
										<th bgcolor="#87CEEB"><h:outputText
												style="width: 150px; " value="#{asesorBean.segmento1.total}"
												id="subtotal1"></h:outputText>
										</th>
										<td bgcolor="#87CEEB"><h:outputFormat
												value="#{asesorBean.segmento1.porcenTotal}" /></td>


									</tr>
									<tr>
										<td><a4j:commandButton value="Aceptar"
												action="#{asesorBean.crearBitacora5Presupuesto}"
												reRender="tabla,subtotal1"
												style="width: 80px; height: 30px; " />
										</td>
										<td><h:commandButton value="Cancelar"></h:commandButton>
										</td>
									</tr>

								</table>





							</a4j:form>

						</rich:tab>
						<rich:tab label="Trayecto Dos">
							<a4j:form>
								<table border="0">


									<tr>
										<td bgcolor="#87CEEB"></td>
										<th bgcolor="#87CEEB">TOTALES</th>
										<th bgcolor="#87CEEB">PORCENTAJE %</th>

									</tr>
									<tr>
										<th bgcolor="#FF9966">SEGUNDO SEGMENTO O TRAYECTO</th>
										<td bgcolor="#FF9966"></td>
										<td bgcolor="#FF9966"></td>





									</tr>

									<tr>
										<td>Insumos para la investigación (pruebas de
											laboratorio)</td>
										<td><h:outputFormat style="height: 50px; "
												value="#{asesorBean.segmento2.totalInsumos}"></h:outputFormat>
										</td>
										<td><h:outputFormat
												value="#{asesorBean.segmento2.porcenInsumos}" /></td>

									</tr>
									<tr>
										<td>Papelería (fotocopias, impresiones, lápices,
											lapiceros, libreta de apuntes)</td>
										<td><h:outputFormat style="height: 50px; "
												value="#{asesorBean.segmento2.totalPapeleria}"></h:outputFormat>
										</td>
										<td><h:outputFormat
												value="#{asesorBean.segmento2.porcenPapeleria}" /></td>



									</tr>
									<tr>
										<td>Transporte municipal e intermunicipal</td>
										<td><h:outputFormat style="height: 50px; "
												value="#{asesorBean.segmento2.totalTransporte}"></h:outputFormat>
										</td>
										<td><h:outputFormat
												value="#{asesorBean.segmento2.porcenTransporte}" /></td>

									</tr>
									<tr>
										<td>Correo aéreo e internet</td>
										<td><h:outputFormat style="height: 50px; "
												value="#{asesorBean.segmento2.totalCorreo}"></h:outputFormat>
										</td>
										<td><h:outputFormat
												value="#{asesorBean.segmento2.porcenCorreo}" /></td>

									</tr>
									<tr>
										<td>Materiales de divulgación (plegable, videos,
											fotografías, afiches)</td>
										<td><h:outputFormat style="height: 50px; "
												value="#{asesorBean.segmento2.totalDivulgacion}"></h:outputFormat>
										</td>
										<td><h:outputFormat
												value="#{asesorBean.segmento2.porcenDivulgacion}" /></td>


									</tr>
									<tr>
										<td>Refrigerios</td>
										<td><h:outputFormat style="height: 50px; "
												value="#{asesorBean.segmento2.totalRefrigerios}"></h:outputFormat>
										</td>
										<td><h:outputFormat
												value="#{asesorBean.segmento2.porcenRefrigerios}" /></td>

									</tr>

									<tr>
										<th bgcolor="#87CEEB">Subtotal</th>
										<th bgcolor="#87CEEB"><h:outputText
												style="width: 150px; " value="#{asesorBean.segmento2.total}" />
										</th>
										<td bgcolor="#87CEEB"><h:outputFormat
												value="#{asesorBean.segmento2.porcenTotal}" /></td>

									</tr>

									<tr>
										<td><h:commandButton value="Aceptar"
												action="#{asesorBean.crearBitacora5Presupuesto}"
												oncomplete="submit()" style="width: 80px; height: 29px; " />
										</td>
										<td><h:commandButton value="Cancelar"></h:commandButton>
										</td>
									</tr>
								</table>

							</a4j:form>

						</rich:tab>
						<rich:tab label="Trayecto Tres">
							<a4j:form>
								<table border="0">

									<tr>
										<td bgcolor="#87CEEB"></td>
										<th bgcolor="#87CEEB">TOTALES</th>
										<th bgcolor="#87CEEB">PORCENTAJE %</th>


									</tr>
									<tr>
										<th bgcolor="#FF9966">TERCER SEGMENTO O TRAYECTO</th>
										<td bgcolor="#FF9966"></td>
										<td bgcolor="#FF9966"></td>
									</tr>

									<tr>
										<td>Insumos para la investigación (pruebas de
											laboratorio)</td>
										<td><h:outputFormat style="height: 50px; "
												value="#{asesorBean.segmento3.totalInsumos}"></h:outputFormat>
										</td>
										<td><h:outputFormat
												value="#{asesorBean.segmento3.porcenInsumos}" /></td>

									</tr>
									<tr>
										<td>Papelería (fotocopias, impresiones, lápices,
											lapiceros, libreta de apuntes)</td>
										<td><h:outputFormat style="height: 50px; "
												value="#{asesorBean.segmento3.totalPapeleria}"></h:outputFormat>
										</td>
										<td><h:outputFormat
												value="#{asesorBean.segmento3.porcenPapeleria}" /></td>


									</tr>
									<tr>
										<td>Transporte municipal e intermunicipal</td>
										<td><h:outputFormat style="height: 50px; "
												value="#{asesorBean.segmento3.totalTransporte}"></h:outputFormat>
										</td>
										<td><h:outputFormat
												value="#{asesorBean.segmento3.porcenTransporte}" /></td>

									</tr>
									<tr>
										<td>Correo aéreo e internet</td>
										<td><h:outputFormat style="height: 50px; "
												value="#{asesorBean.segmento3.totalCorreo}"></h:outputFormat>
										</td>
										<td><h:outputFormat
												value="#{asesorBean.segmento3.porcenCorreo}" /></td>

									</tr>
									<tr>
										<td>Materiales de divulgación (plegable, videos,
											fotografías, afiches)</td>
										<td><h:outputFormat style="height: 50px; "
												value="#{asesorBean.segmento3.totalDivulgacion}"></h:outputFormat>
										</td>
										<td><h:outputFormat
												value="#{asesorBean.segmento3.porcenDivulgacion}" /></td>

									</tr>
									<tr>
										<td>Refrigerios</td>
										<td><h:outputFormat style="height: 50px; "
												value="#{asesorBean.segmento3.totalRefrigerios}"></h:outputFormat>
										</td>
										<td><h:outputFormat
												value="#{asesorBean.segmento3.porcenRefrigerios}" /></td>

									</tr>

									<tr>
										<th bgcolor="#87CEEB">Subtotal</th>
										<th bgcolor="#87CEEB"><h:outputText
												style="width: 150px; " value="#{asesorBean.segmento3.total}" />
										</th>
										<td bgcolor="#87CEEB"><h:outputFormat
												value="#{asesorBean.segmento3.porcenTotal}" /></td>
									</tr>
									<tr>
										<td><h:commandButton value="Aceptar"
												action="#{asesorBean.crearBitacora5Presupuesto}"
												oncomplete="submit()" style="width: 80px; height: 29px; " />
										</td>
										<td><h:commandButton value="Cancelar"></h:commandButton>
										</td>
									</tr>
								</table>
							</a4j:form>
						</rich:tab>
					</rich:tabPanel>
				</rich:panelBarItem>
				<rich:panelBarItem label="Cronograma">
					<h:form>
						<a4j:region>
							<rich:dataTable value="#{asesorBean.listaActividadesInvestigacion}"
								id="tablaActividades" var="actividad">
								<f:facet name="header">
									<h:outputText value="Cronograma de Actividades" />
								</f:facet>
								<rich:column>
									<f:facet name="header">
										<h:outputText value="Nº" />
									</f:facet>
									<h:outputText value="#{actividad.identificacion}"
										id="identificacion" />
								</rich:column>
								<rich:column>
									<f:facet name="header">
										<h:outputText value="Actividad" />
									</f:facet>
									<h:outputFormat value="#{actividad.actividad}" id="actividad" />
								</rich:column>
								<rich:column>
									<f:facet name="header">
										<h:outputFormat value="Herramienta" />
									</f:facet>
									<h:outputText value="#{actividad.herramienta}" id="herramienta" />
								</rich:column>
								<rich:column>
									<f:facet name="header">
										<h:outputText value="Tiempo" />
									</f:facet>
									<h:outputText value="#{actividad.tiempo}" id="tiempo" />
								</rich:column>
								<rich:column>
									<f:facet name="header">
										<h:outputText value="Responsable" />
									</f:facet>
									<h:outputText value="#{actividad.responsabilidad}"
										id="responsable" />
								</rich:column>
							</rich:dataTable>
						</a4j:region>
					</h:form>
				</rich:panelBarItem>
				<rich:panelBarItem label="Bitacora 4 Maestro">
					<h:form>
						<h:panelGrid columns="2" border="1">
							<h:outputFormat value="Dificultades que se presentaron en el grupo para diseñar la trayectoria de indagación" />
							<h:outputFormat value="#{asesorBean.bitacora4Maestro.paso1}" />
							
							<h:outputFormat value="Fortalezas del grupo de investigación para tomar decisiones sobre el diseño de las trayectorias y para argumentarlas." />
							<h:outputFormat value="#{asesorBean.bitacora4Maestro.paso2}" />
							
							<h:outputFormat value="Principales características de un proceso de formación en el cual la investigación es la estrategia pedagógica." />
							<h:outputFormat value="#{asesorBean.bitacora4Maestro.paso3}" />
							
							<h:outputFormat value="Importancia y viabilidad de colocar a la investigación como estrategia pedagógica en la cultura escolar." />
							<h:outputFormat value="#{asesorBean.bitacora4Maestro.paso4}" />
							
							<h:outputFormat value="Preguntas que le han surgido de este proceso y los aspectos que podrían dar elementos para la transformación de su práctica pedagógica." />
							<h:outputFormat value="#{asesorBean.bitacora4Maestro.paso5}" />
						</h:panelGrid>
					</h:form>
				</rich:panelBarItem>
			</rich:panelBar>
			<br />
			<br />
			<a4j:commandLink oncomplete="#{rich:component('newPanel')}.show()">
				<h1 align="left">Hacer un comentario a sobre esta investigacion</h1>
			</a4j:commandLink>
		</h:form>
		
		<rich:modalPanel id="newPanel" autosized="true" width="450">
			<f:facet name="header">
				<h:outputText value="Hacer un comentario" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/icons/close.jpg" id="hidelink1"
						styleClass="hidelink" />
					<rich:componentControl for="newPanel" attachTo="hidelink1"
						operation="hide" event="onclick" />
				</h:panelGroup>
			</f:facet>
			<h:form>
				<rich:messages style="color:red;"></rich:messages>
				<h:panelGrid columns="1">
					<a4j:outputPanel ajaxRendered="true">
						<h:panelGrid columns="2">
							<h:outputText value="Tema:" />
							<h:inputText value="#{asesorBean.nuevoComentario.tema}" />

							<h:outputText value="Comentario" />
							<h:inputTextarea value="#{asesorBean.nuevoComentario.comentario}" />

						</h:panelGrid>
					</a4j:outputPanel>
					<a4j:commandButton value="Aceptar"
						action="#{asesorBean.crearComentario}"
						oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('newPanel')}.hide();" />
				</h:panelGrid>
			</h:form>
		</rich:modalPanel>
	</ui:define>
</ui:composition>
</html>